<template>
	<div class="my-body">
		<div class="ipt_a">
			<div style="float: left; line-height: 30px;"  class="tab_font-size">积分申请编号：</div>
			<el-input v-model="input" placeholder="请输入内容" style=" width: 130px;height: 50px; float: left;"></el-input>
		</div>
		<div class="ipt_a">
			<div style="float: left; line-height: 30px;"  class="tab_font-size">积分状态：</div>
			<el-input v-model="input" placeholder="请输入内容" style=" width: 130px;height: 50px; float: left;"></el-input>
		</div>
		<div class="ipt_a">
			<div style="float: left; line-height: 30px;"  class="tab_font-size">积分隶属年度：</div>
			<div>

				<el-date-picker v-model="value1" type="date" placeholder="选择日期" style=" width: 130px;">
				</el-date-picker>
			</div>
		</div>
		<div class="ipt_a">
			<div style="float: left; line-height: 30px;"  class="tab_font-size">授权申请编号：</div>
			<el-input v-model="input" placeholder="请输入内容" style=" width: 130px;height: 50px; float: left;"></el-input>
		</div>
         <div class="ipt_a">
         	<div style="float: left; line-height: 30px;"  class="tab_font-size">经销商：</div>
         	<el-input v-model="input" placeholder="请输入内容" style=" width: 130px;height: 50px; float: left;"></el-input>
         </div>
		<div>
			

			<el-button type="primary" plain>查询</el-button>
			<el-button>清空</el-button>
              
			<div style="margin-top: 30px;">
				<div>
					
					<el-button type="primary" plain>CSV数据导出</el-button>
					
				</div>
				
				<template>
					<el-table :data="tableData" border style="width: 100%;margin-top: 30px;" :header-cell-style="{background:'#f5f7fa',color:'#606266'}">
						<el-table-column fixed prop="bianhao" label="申请编号">
						</el-table-column>
						<el-table-column prop="senddate" label="申请日期">
						</el-table-column>
						<el-table-column prop="enddate" label="申请类型">
						</el-table-column>
						<el-table-column prop="name" label="经销商">
						</el-table-column>
						<el-table-column prop="province" label="积分状态" >
						</el-table-column>
						<el-table-column prop="address" label="申请积分" >
						</el-table-column>
						<el-table-column prop="shouqfang" label="积分隶属年度">
							
						</el-table-column>
						<el-table-column prop="jingxiaos" label="凭证">
						</el-table-column>
						<el-table-column prop="peisonf" label="备注">
						</el-table-column>
						
					</el-table>
				</template>
			</div>

			
		</div>
		<div style="float: left; margin-top: 30px; margin-left: 20px;">经销商-年度【】申请积分【0】</div>
	</div>
</template>

<script>
	export default {

		data() {

			return {
				area: false,
				tablisty:false,
				tablistya:false,
				tablistyb:false,
				key: 1, // 为了能每次切换权限的时候重新初始化指令
				options: [{
					value: '1',
					label: '全部'
				}, {
					value: '2',
					label: '一般订单'
				}, {
					value: '3',
					label: '积分订单'
				}, {
					value: '3',
					label: '样品订单'
				}, {
					value: '3',
					label: '换货订单'
				}],
				value1: '',
				value2: '',
				value3: '',
				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				},
				radio: '授权医院',
				value: '',
				tableData: [{
					bianhao: 'PS074107742412L',
					senddate: '2024-05-02',
					enddate: '2024-12-31',
					name: '左心耳',
					province: '完成授权',
					city: '普陀区',
					address: '苏州市中心医院',
					shouqfang: '鹰潭市方园医药有限公司',
					jingxiaos: '鹰潭市方园医药有限公司',
					peisonf: '鹰潭市方园医药有限公司',
					shouqyy: '入院',
					shangcaizhibiao: 3
				}],
				checkAll: false,
				checkedCities: [],
				cities: ['房间隔缺损', '室间隔缺损', '介入输送装置', '动脉导管未闭','抓捕器'],
				isIndeterminate: true

			}
		},
		methods: {
			handleClick(row) {
				console.log(row);
			},
			handleCheckAllChange(val) {
				const cityOptions = ['上海', '北京', '广州', '深圳']
				console.log(val)
				this.checkedCities = val ? cityOptions : [];

				this.isIndeterminate = false;
			},
			handleCheckedCitiesChange(value) {
				let checkedCount = value.length;
				this.checkAll = checkedCount === this.cities.length;
				this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ipt_a {
		width: 240px;
		height: 50px;
		float: left;
	}

	.ipt_b {
		width: 450px;
		height: 50px;
		float: left;
	}
	.el-table{
		height: calc(100vh - 282px);
}
</style>